<template>
  <div class="footer-container">
    <div class="copyright">
      <ul class="helpLink">
        <li>
          关于我们
          <span class="space"></span>
        </li>
        <li>
          联系我们
          <span class="space"></span>
        </li>
        <li>
          投资我们
          <span class="space"></span>
        </li>
        <li>
          商家入驻
          <span class="space"></span>
        </li>
        <li>
          营销中心
          <span class="space"></span>
        </li>
        <li>
          友情链接
          <span class="space"></span>
        </li>
        <li>
          销售中心
          <span class="space"></span>
        </li>
        <li>
          营销中心
          <span class="space"></span>
        </li>
        <li>
          手机讯息
          <span class="space"></span>
        </li>
        <li>新品好物</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
};
</script>

<style scoped lang="scss">
.footer-container {
  background-color: #eaeaea;
  width: 100%;
  height: 100px;

  .copyright {
    padding: 10px 10px 0 10px;

    .helpLink {
      text-align: center;

      li {
        display: inline;

        .space {
          border-left: 1px solid #666;
          width: 1px;
          height: 13px;
          background: #666;
          margin: 8px 10px;
        }
      }
    }

    p {
      margin: 15px 0;
      text-align: center;
    }
  }
}
</style>
